/* body element */
body{
    background-color: #2c1338;
}

/* Navbar  */
.navbar{
    margin: 0 20px;
    font-weight: 400;
}

.navbar-brand img{
    width: 100px;
}

.navbar-nav a{
    color:rgb(33, 33, 17);
    font-size:large;
    margin: 12px;
}

.navbar-nav a:hover{
        color: bisque;
}

.nav-item .we-are-hiring .nav-link{
    background-color: aliceblue;
    color: #412A4C;
    border-radius: 10px;
    width:fit-content;
    height: 30px;
    font-size: 13px;
    align-items: center;
    font-weight: bold;
}

.nav-item .we-are-hiring:hover{
    color: white;
    background-color:#785887;
}

.nav-item .btn-try-toggl {
    background-color: #ffde91;
    color: #412A4C;
    border-radius: 20px;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

.dropdown-menu .dropdown-item{
    color: #2c1338;
}

.dropdown-menu .dropdown-item:hover{
    color:black;
    width: fit-content;
}


.container{
    background-color: beige;
    margin: 2% auto;
    width: fit-content;
    padding: 4% 5%;
    font-size: larger;
}
.btn-primary{
    background-color:#ffde91;
    color: black;
    font-weight: 600;
    border-width: 0ch;
    border: none;
}
.btn-primary:hover{
    background-color: #785887;
    color: aliceblue;
}

option:hover{
    background-color: #ffde91;
}